@media screen and (min-width:768px){
.technologynav{
width:100%;
height:40px;
background-color:rgb(244,244,244);
text-align:center;
box-shadow:0px 3px  3px gray;
}
.technologynav p{
display:inline-block;
height:100%;
width:100px;
border:1px solid rgb(254,254,250);
margin:0;
font-size:18px;
padding-top:8px;
}

}
@media screen and (max-width:768px){
 .technologynav{
   display:none;
}
.industrynewslist {
padding:20px;
}
 .industrydate{
 display:none;
 }
.industrybtn{
 width:92px;
 height:38px;
 background-color:white;
 border:1px solid gray;
 }
}
@media screen and (min-width:768px){
.friendlinkbody{
 width:75%;
 margin:auto; 
 padding-top:50px;
}
.friendlink-img{
width:170px;
height:160px;
border-radius:250px;
float:right;
}

}
@media screen and (max-width:768px){
 .friendlink-img{
     display:none;
 }   
}
.friendlink-ul{
 list-style:point;
 margin-top:40px;
}

.friendlink-ul li{
   
    border-top:1px solid lightgray;
    list-style:none;
}
.recruitp{
    display:inline-block;
     height:50px;
    line-height:50px;
}
.friendlink-ul li img{
    display:inline-block;
    width:15px;
    height:90%;
}
.recruitdiv{
    display:none;
    width:100%;
    padding:30px;
    background-color:rgb(242,242,242);
}

.selectimg{
    background:url(images/select.png) no-repeat;
display:inline-block;
float:right;
margin-top:13px;
}
.recruitbtn{
    background-color:rgb(0,83,157);
    border:0;
    color:white;
    font-size:18px;
}
@media screen and (min-width:768px){
    .selectimg{
        width:50px;
        height:30px;
    }
    .recruitbtn{
        margin-top:30px;
        width:130px;
        height:42px;
    }
}
@media screen and (max-width:768px){
    .selectimg{
        width:35px;
        height:25px;
    }
    .recruitbtn{
        margin-top:15px;
        width:110px;
        height:35px;
    }
    
}
.lastrecruit{
    border-bottom:1px solid lightgray;
}
.friendlinkbody{
    display:none;
}
.investdiv{
    background-color:#f7f7f7;
    width:100%;
    margin-bottom:20px;
    
}
@media screen and (min-width:768px){
    .invest{
        width:90%;
        margin:auto;
        margin-top:40px;
    }
    .investdiv{
        height:300px;
    }
    .investdiv img{
        width:40%;
        height:300px;
    }
    .investimg1{
        float:left;
    }
    .investimg2{
        float:right;
    }
    .investp{
        margin-left:40px;
        display:inline-block;
        margin-top:30px;
    }
}
@media screen and (max-width:768px){
    .invest{
        width:96%;
        margin:auto;
        margin-top:40px;
    }
    .investdiv img{
        width:100%;
        height:300px;
        margin-bottom:10px; 
    }
}
 